@use 'variables' as *;

@function fluid-value($min, $max) {
    @return clamp(#{$min},
        calc(#{$min} + (#{$max} - #{$min}) * ((100vw - #{map-get($breakpoints, mobile)}) / (#{map-get($breakpoints, wide)} - #{map-get($breakpoints, mobile)}))),
        #{$max});
}

@function rem($px) {
    @return calc($px / map-get($base-font-range, min)) * 1rem;
}

@function type-scale($level: 0) {
    $scale: map-get($type-scale, default);
    @return pow($scale, $level);
}